.{$tabs-prefix}
  >.{$tabs-prefix}-item
    cursor pointer
    display inline-block
    transition all $transition-time
    position relative
  &-default
    padding 0 20px
    border-bottom 1px solid $gray3-color
    line-height 1
    font-size 15px
    >.{$tabs-prefix}-item
      padding 10px 15px 12px
      margin-bottom -2px
      border-bottom 3px solid rgba($white-color, 0)
      &.{$tabs-prefix}-item-selected, &:hover
        color $primary-color
        border-bottom 3px solid $primary-color
      +div
        margin-left 20px
  &-cards
    border-bottom 1px solid $gray3-color
    line-height 1
    font-size 15px
    >.{$tabs-prefix}-item
      padding 8px 16px
      margin-bottom -1px
      border-radius 4px 4px 0 0
      border 1px solid rgba($black-color, 0)
      border-top 3px solid rgba($black-color, 0)
      &.{$tabs-prefix}-item-selected, &:hover
        color $primary-color
        background $white-color
        border-color $primary-color $gray3-color $white-color
      +div
        margin-left 5px
  &-menu
    line-height 1
    font-size 15px
    >.{$tabs-prefix}-item
      display block
      padding 12px 16px
      &.{$tabs-prefix}-item-selected, &:hover
        color $primary-color
      +div
        margin-top 5px
